body { background-color: #eee; font-family: georgia, garamond, serif; overflow-y: scroll; }
a { color: #0000c4; }
a:hover { color: #aa0; }

#page { margin: 0px auto; position: relative; min-width: 800px; width: 800px; }

#signuptip, #logintip { float: right; } 

.centered { position: relative; top: 100px; }
.clear { clear: both; }

#signupinfo { position: relative; text-align: right; left: -300px; }
#signupinfo input { font-family: consolas, 'courier new'; }
#signupinfo .wrong { color: #f00; font-family: 'courier new'; font-size: 0.75em;  }
#signupbtn { font-size: 1.5em; }

#signupnotice { text-align: center; line-height: 1.5em; }
#signupnotice .username { color: #070; font-family: 'courier new'; font-weight: bold; font-size: 1.5em; }


#feedback { clear: both; }
#friends { clear: both; }

#settings { clear: both; line-height: 1.5em; }


#profile { float: right; text-align: right; line-height: 1.5em; }
#profile .firstlastname { font-weight: bold; }
#profile .username { color: #00f; }

#login { position: relative; width: 400px; height: 300px; margin: 0px auto; text-align: center; }
#login .username, #login .password { font-size: 1.5em; font-family: consolas, 'courier new'; }
#login .loginbtn { font-size: 1.5em; }

#logo { display: none; font-size: 2em; font-weight: bold; padding: 0.5ex 0px; }

#header { text-align: center; }
#header ul { list-style: none; margin: 0px; padding: 0px; }
#header li { float: left; padding: 0px; position: relative; width: 25%; }
#header li a { display: block; margin: 0px; padding: 1ex 0px; text-decoration: none; }
#header li a:hover { background-color: #000; color: #fff; }

#footer ul { list-style: none; margin: 0px; padding: 2em 0px 1em 0px; }
#footer li { display: list-item; float: left; font-size: 0.75em; padding: 0px 1em; }

#main { clear: left; }
#content { padding: 10px; }

textarea { overflow: auto; }
#newnotesubject { font-family: consolas, 'courier new'; width: 72%; }
#newnotesubmit { float: right; font-family: consolas, 'courier new'; padding: 2px 5ex; }
#newnotepublic { float: right; margin-top: 6px; }
#newnotepublictxt { float: right; font-family: consolas, 'courier new'; font-size: 8pt; padding: 5px 4px 0px 0px; }
#newnotebody { margin-bottom: 10px; width: 100%; }

.note { background-color: #ddd; border: 1px solid; margin-bottom: 12px; min-height: 60px; overflow: auto; }
.note .time { float: right; font-family: consolas, 'courier new'; font-size: 8pt; padding: 3px; text-align: right; }
.note .time .edit { font-size: 1.5em; }
.note .time .delete { font-size: 0.75em; }
.note .text { font-family: consolas, 'courier new'; padding: 3px; }
.note .text .subject, .searchmainresult .subject { display: inline-block; font-weight: bold; overflow: hidden; padding: 0px 3px 3px 3px; text-overflow: ellipsis; }
.note .text .body, .searchmainresult .body { padding: 3px; white-space: pre-wrap; word-wrap: break-word; }


.hl { background-color: #ff0; }
#search { clear: both; }
#searchinput { font-family: consolas, 'courier new'; width: 80%; }
#searchsubmit { float: right; font-family: consolas, 'courier new'; padding: 2px 7ex; }
#searchresults { }
.searchnode { background-color: #ddd; border: 1px solid black; margin-top: 2ex; padding: 5px; }
.searchnodeinfo { float: right; font-family: consolas, 'courier new'; font-size: 8pt; text-align: right; }
.searchnodeedit { font-size: 1.5em; }
.searchmainresult { background-color: #bdb; font-family: consolas, 'courier new'; padding: 5px; }
.searchmoreresults { }
.searchmoreresultscaption { color: #00f; font-family: consolas, 'courier new'; font-size: 8pt; }


#about { clear: both; }
#faq li:nth-child(2n) { list-style-type: disc; padding-bottom: 2ex; }
#faq li:nth-child(2n + 1) { list-style-type: circle; font-weight: bold; }
